<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<html>
      <head>
            <title>RichFaces Greeter</title>
                <style>
					.col {
					    width: 100px;
					}
				</style>
      </head>
      
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
<f:view>
<body>


    <h:form>
        <rich:datascroller align="left" for="carList" 
             reRender="sc2" id="sc1" />
        <rich:spacer height="30" />
        <rich:dataTable width="483" id="carList" rows="3" columnClasses="col"
            value="#{pratosMB.pratos}" var="category">
            <f:facet name="header">
                <rich:columnGroup>
                    <h:column>
                        <h:outputText styleClass="headerText" value="Nome" />
                    </h:column>
                </rich:columnGroup>
            </f:facet>

            <h:column>
                <h:outputText value="#{category.nome}" />
                <h:outputText value="#{category.descricao}" />
                <h:outputText value="#{category.preco}" />
            </h:column>

        </rich:dataTable>
        <rich:datascroller align="left" for="carList" 
            id="sc2" reRender="sc1" />
    </h:form>
     </body>
</f:view>
</ui:composition>
      
</html>